<template>
    <div class="singer-home">
        <van-nav-bar title="歌手详情" left-text="返回" left-arrow @click-left="onClickLeft" />

        <van-tabs v-model="active">
            <van-tab title="百科">
                <SingerIntro :singerId="id"/>
            </van-tab>
            <van-tab title="歌曲">
                <SingerSong :singerId="id"/>
            </van-tab>
        </van-tabs>
    </div>
</template>

<script>
import SingerIntro from './components/SingerIntro.vue';
import SingerSong from './components/SingerSong.vue';
export default {
    data() {
        return {
            active: 0,
            id: this.$route.params.id
        };
    },
    methods: {
        onClickLeft() {
            this.$router.go(-1);
        },
    },
    components: {
        SingerIntro,
        SingerSong
    }
};
</script>